<script type="text/javascript">
    $(function() {
        var availableTags = [
            "Alamor",
            "Alausi",
            "Amaluza",
            "Ambato",
            "Arenillas",
            "Azogues",
            "Babahoyo",
            "Cariamanga",
            "Catacocha",
            "Catamayo", 
            "Celica",
            "Cuenca",
            "Cumbe",
            "Changaimina",
            "Chantaco",
            "Chuquiribamba",
            "El Cisne",
            "El Coca",
            "El Ingenio",
            "El Tablon",
            "Gonzanama",
            "Gualaquiza",
            "Gualel",
            "Guayaquil",
            "Huaquillas",
            "Jimbilla",
            "Jimbura",
            "Las Chinchas",
            "Latacunga",
            "Lauro Guerrero",  
            "La Avanzada",
            "Loja",
            "Lucero",
            "Malacatos",
            "Macas",
            "Macara",
            "Machala",
            "Nambacola",
            "Manu",
            "Naranjal",
            "Nueva Fatima",
            "Olmedo",
            "Oña",
            "Orianga",
            "Pindal",
            "Piura",
            "Portete",
            "Puerto Inca",
            "Purunuma",
            "Quevedo",
            "Quilanga",
            "Quinara",
            "Quito",
            "Riobamba",
            "Sacapalca",
            "Salcedo",
            "Santa Rosa",
            "Santo Domingo",
            "Santiago",
            "San Pedro de la Bendita",
            "San Pedro de Vilcabamba",
            "San Lucas",
            "Saraguro",
            "Shushufindi",
            "Sozoranga",
            "Suyo",
            "Taquil",
            "Velacruz",
            "Vilcabamba",
            "Yangana",
            "Zamora",
            "Zapotillo",
            "Zumba",
            "Zumbi"                    
        ];
        $( "#salida" ).autocomplete({
            source: availableTags
        });
        $( "#llegada" ).autocomplete({
            source: availableTags
        });
    });
</script>

<form  method="POST" action="<?php echo url_for('inicio/busqueda') ?>">
    <table align="center" cellpadding="0" cellspacing="0" style="width: 100%">
        <tr>
            <td bgcolor="#f6f5f2">
                <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                    <tr>
                        <td>
                            <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                <tr>
                                    <td width="35%" valign="top" bgcolor="#f6f5f2">
                                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                            <tr>
                                                <td height="10"></td>
                                            </tr>
                                            <tr>
                                                <td style="border:solid 3px #030303">
                                                    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td height="33" class="topbg">&nbsp;</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="spritesdevelopment" id="development_jpg"></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="spriteswoman" id="woman_jpg" align="center"></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="text" align="justify">El Terminal Terrestre "Reina del Cisne", 
                                                                cuenta con 13 cooperativas que ofrecen el servicio de transporte de pasajeros a nivel
                                                                interparroquial, intercantonal, interprovincial e internacional.
                                                            </td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    
                                                                </td>
                                                            </tr>
                                                                                          
                                                    </table>
                                                </td>                                       
                                            </tr>
                                            
                                            <tr>
                                                <td style="border:solid 3px #030303">
                                                    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">

                                                        <tr>
                                                            <td class="text" align="justify"> Si usted no ha visitado Loja, no conoce mi Pais.
                                                            </td>
                                                     
                                                        </tr>
                                                        <tr>
                                                            <td>
                                                              <iframe width="300" height="300" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=-3.99313,-79.20422&amp;spn=-3.99313,-79.20422&amp;z=7&amp;output=embed"></iframe><br /><small><a href="http://maps.google.com/?ie=UTF8&amp;t=m&amp;ll=-3.99313,-79.20422&amp;spn=-3.99313,-79.20422&amp;z=7&amp;source=embed" style="color:#0000FF;text-align:left"></a></small>
                                                            </td>
                                                        </tr>
                                                        
                                                                                                            
                                                    </table>
                                                </td>                                       
                                            </tr>
                                            
                                        </table>
                                    </td>
                                    <td width="2%">&nbsp;</td>
                                    <td width="63%" valign="top">
                                        <table width="573" border="0" align="center" cellpadding="0" cellspacing="0">
                                            <tr>
                                                <td height="10"></td>
                                            </tr>   
                                            <tr>
                                                <td class="spritestopbody" id="topbody_jpg"></td>
                                            </tr>
                                            <tr>
                                                <td class="body_bg">
                                                    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                            <td width="19%" align="center" valign="middle" class="spriteswelcome" id="welcome_jpg"></td>
                                                            <td width="81%" class="welcome">Bienvenidos al Sitio Web de Reservaciones:</td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                            <tr>
                                                <td height="5"></td>
                                            </tr>
                                            <tr>
                                                <td class="text">
                                                    <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#f4f5f7">
                                                        <tr>
                                                            <td><br/>
                                                                La reservacion de boletos de viaje en la actualidad se ha convertido en un proceso sencillo, con la ayuda 
                                                                de las reservaciones en línea. Los sitios de autobuses de reservacion de boletos en línea están disponibles para aquellos 
                                                                que quieran viajar a través de las carreteras. Los asientos están disponibles todo el tiempo. 
                                                                El usuario puede disfrutar de las zonas verdes exuberantes de la naturaleza, el aire fresco de la inhalación, 
                                                                de hecho, una mirada cercana a la naturaleza a través de transporte en autobús de la ciudad de Loja. 
                                                                El autobús es el mejor medio de transporte terrestre dentro del país.<br />
                                                                <br/>
                                                            </td>
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>

                                            <tr>
                                                <td height="5"></td>
                                            </tr>
                                            <tr>
                                                <td>
                                                    <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
                                                        <tr>
                                                            <td width="50%" valign="top">
                                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                                    <tr>
                                                                        <td class="spritesmeeting" id="meeting_jpg"></td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>&nbsp;&nbsp;</td>
                                                                    </tr>
                                                                    <tr border="1" id="colorborder">
                                                                        <td>
                                                                            <br><div align="center"><b>Desea Buscar un Ruta para verificar que Cooperativas están Disponibles:</b></div></br> 
                                                                            <form action="index.html" method="get" accept-charset="utf-8">

                                                                                <div class="ui-widget">
                                                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label for="salida">Salida:</label>
                                                                                    &nbsp;&nbsp;&nbsp;<input id="salida" name="salida"/>
                                                                                </div>
                                                                                <br>
                                                                                <div class="ui-widget">
                                                                                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<label for="llegada">Llegada: </label>
                                                                                    &nbsp;<input id="llegada" name="llegada" />
                                                                                </div>

                                                                            </form>
                                                                            <br></br>
                                                                            <div align="center"><input class="button button-azul" id="buscar" type="submit" name="buscar" value="Buscar" title="Buscar una ruta en todas las cooperativas de transporte disponibles"/>&nbsp;
                                                                                <button class="button button-azul" name="Limpiar" type="reset" title="Buscar una ruta en todas las cooperativas de transporte disponibles">Limpiar</button><br></br></div>
                                                                        </td>
                                                                    </tr>
                                                                </table>
                                                            </td> 
                                                        </tr>
                                                    </table>
                                                </td>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table>
                <br><br>
            </td>
        </tr>
    </table>
</form>